.flex_center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.box {
  height: 100vh;
  background: url(../common/images/bg_img.png) repeat;
}

// 商品列表
.list {
  width: 100%;
  height: 100%;
  padding: 0.1rem;
  .title {
    .flex_center();
    width: 100%;
    height: 0.5rem;
    background-color: #5fa1df;
    border-radius: 0.05rem;
    font-size: 0.22rem;
    color: #fff;
    margin-bottom: 0.2rem;
  }
  .list_box {
    column-count:2;
    column-gap: 0.1rem;
    width: 100%;
    .content_lar {
      height: 3.55rem;
    }
    .content_sma {
      height: 2.95rem
    }
    .item {
      margin-bottom: 0.1rem;
      break-inside: avoid;
      background-color: #fff;
      .hot {
        position: relative;
        width: 2.3rem;
        height: 0.6rem;
        img {
          position: absolute;
          top: 0;
          left: 0;
        }
        span {
          margin-left: 0.15rem;
          position: relative;
          font-size: 0.36rem;
          color: #fff;
          z-index: 10;
          text-align: center;
        }
      }
      .item_img {
        width: 100%;
        text-align: center;
        img {
          width: 80%;
        }
      }
      .item_msg{
        p {
          &:nth-of-type(1) {
            font-size: 0.188rem;
            color: #5c5c5c;
            padding: 0 0.05rem;
          }
          &:nth-of-type(2) {
            float: right;
            font-size: 0.25rem;
            color: #eb7575;
            margin-right: 0.2rem;
          }
        }
      }
    }
  }
}











